﻿/*定义泛格式*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
font-family: Arial, 宋体;
font-size: 12px;
margin: 0px;
padding: 0px;
}
body {
margin: 0px auto;
}
#main{
width: 960px;
margin: 0px auto;
}
#top{
height: auto;
margin: 0 auto;
overflow: hidden;
}
#topheader{
height: 75px;
width: 960px;
}
#logo {
width: 227px;
float: left;
}
#phone {
width: 345px;
float: right;
padding: 12px 12px 0 0px;
line-height:18px;
}
#collect {
width: 100px;
float: right;
padding: 45px 0 0 8px;
}
#flsd{
float: left;
width: 227px;
padding: 20px 0 0 8px;
}
.banner{
height: 46px;
background-repeat: no-repeat;
width: 960px;
margin: 0 0 4px 0;
}
#menu {
overflow: hidden;
padding: 1px 20px 0 0;
margin: 0px auto;
text-align: center;
width: 960px;
}
#menu .nav1{
height: 46px;
width: 80px;
float: left;
list-style: none;
}
#menu .nav2{
height: 46px;
width: 125px;
float: left;
list-style: none;
}
#menu .nav3{
height: 46px;
width: 130px;
float: left;
list-style: none;
}
#menu .nav4{
height: 46px;
width: 140px;
float: left;
list-style: none;
}
#menu .nav5{
height: 46px;
width: 120px;
float: left;
list-style: none;
}
#menu .nav6{
height: 46px;
width: 120px;
float: left;
list-style: none;
}
#menu .nav7{
height: 46px;
width: 120px;
float: left;
list-style: none;
}
#menu .nav8{
height: 46px;
width: 120px;
float: left;
list-style: none;
}

#menu li a {
display: block;
text-indent: -9999px;
height: 46px;
background-image: url(../../images/fenglei_img/banner_blue.png);
background-repeat: no-repeat;
}

#menu .nav1 a{ background-position:0 0;}
#menu .nav1 a:hover{ background-position:0 -48px;}
#menu .nav2 a{ background-position:-80px 0;}
#menu .nav2 a:hover{ background-position:-80px -48px;}
#menu .nav3 a{ background-position:-205px 0;}
#menu .nav3 a:hover{ background-position:-205px -48px;}
#menu .nav4 a{ background-position:-335px 0;}
#menu .nav4 a:hover{ background-position:-335px -48px;}
#menu .nav5 a{ background-position:-475px 0;}
#menu .nav5 a:hover{ background-position:-475px -48px;}
#menu .nav6 a{ background-position:-595px 0;}
#menu .nav6 a:hover{ background-position:-595px -48px;}
#menu .nav7{ background-position:-715px 0;background-image: url(../../images/fenglei_img/banner_blue.png);
background-repeat: no-repeat;}
/*#menu .nav7 a:hover{ background-position:-715px -48px;}*/
#menu .nav8{ background-position:-835px 0;background-image: url(../../images/fenglei_img/banner_blue.png);
background-repeat: no-repeat;}
/*#menu .nav8 a:hover{ background-position:-835px -48px;}*/


#help{
background: url(../../images/fenglei_img/helpcolor.png) repeat-x 0% 100%;
height: 28px;
}
#help .right{
float: right;
width: 100px;
padding-top: 4px;
}
#help .right a{
line-height: 32px;
color: white;
font-weight: bold;
font-size: 14px;
font-family: Arial, "宋体", sans-serif;
}
#content{
height:1282px;
}
#content .sidebar{
height: 1272px;
width: 200px;
margin: 5px 0px 0px;
float: left;
}
#content .sidebar .top{
height: 40px;
padding: 12px 0 0 12px;
color: black;
font-weight: bold;
font-size: 16px;
font-family: Arial, "宋体", sans-serif;
width: 157px;
}
#content .sidebar .middle{
padding-top: 12px;
text-align: left;
color: black;
height: 240px;
font-weight: bold;
font-size: 12px;
font-family: Arial, "宋体", sans-serif;
}
.middle .path{
height: 35px;
padding: 8px 0 0 20px;
color: Black;
}
.middle .path a{
color: Black;
text-decoration: underline;
color: Black;
}
.middle .showarea{
padding: 20px 20px 8px 20px;
color: #666;
}
.showarea #daishousize {
text-indent: 24px;
line-height: 24px;
}
.showarea #daishou1 {
height: 70px;
margin: 10px 0;
background: url(../../images/fenglei_img/daishou1.jpg) no-repeat;
}
.showarea .size {
padding: 30px 0 0 92px;
}
.showarea .arrowhead {
height: 25px;
background: url(../../images/fenglei_img/flaga.jpg) no-repeat center;
}
.showarea #daishou2 {
height: 70px;
margin: 10px 0;
background: url(../../images/fenglei_img/daishou2.jpg) no-repeat;
}
.showarea #daishou3 {
height: 70px;
margin: 10px 0;
background: url(../../images/fenglei_img/daishou3.jpg) no-repeat;
}
.showarea #daishou4 {
height: 70px;
margin: 10px 0;
background: url(../../images/fenglei_img/daishou4.jpg) no-repeat;
}
.showarea #daishou5 {
height: 70px;
margin: 10px 0;
background: url(../../images/fenglei_img/daishou5.jpg) no-repeat;
}
.showarea tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.showarea tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.showarea td {
text-align: center;
background: white;
color: #818181;
padding: 8px;
font-family: Arial,"宋体";
font-size: 12px;
border: 1px solid #D1D1D1;
border: none;
border: 1px solid #D1D1D1;
}
.showarea th {
text-align: center;
background: white url(../../images/fenglei_img/mainbar_off.gif) repeat-x 0% 100%;
height: 20px;
font-family: Arial,"宋体";
font-size: 12px;
font-weight: bold;
color: #0068B7;
border: 1px solid #D1D1D1;
}
.showarea p {
color: #666;
line-height: 22px;
}
strong, b {
font-weight: bolder;
}
.showarea .rec{
text-indent:20px;
}
.showarea .recred{
text-indent:20px;
color:Red;
}
#content .sidebar .bottom{
padding: 12px 0 0 8px;
text-align: left;
height:auto;
}
#sidenav {
width: 137px;
height: 30px;
}
#sidenav li {
color: #666;
display: block;
height: 30px;
width: 170px;
line-height: 30px;
padding-left: 20px;
text-indent: 8px;
}
#sidenav li a {
text-decoration: none;
display: block;
height: 30px;
width: 168px;
line-height: 30px;
color: gray;
}
#sidenav .current a, #sidenav li a:hover {
font-family: "宋体";
padding: 0 4px 0 0;
color: white;
background: url(../../images/fenglei_img/sidenav.png) no-repeat 0% 50%;
text-decoration: none;
}
#content .intro{
padding: 4px 0 0 0;
width: 750px;
height: 1272px;
float: right;
}
#content .intro .top{
height: 60px;
background: url(../../images/fenglei_img/line2.png) no-repeat;
}
#content .intro .middle{
height: 1151px;
background: url(../../images/fenglei_img/cstyle.html) repeat-y 100% 0%;
}
#content .intro .bottom{
height: 60px;
background: url(../../images/fenglei_img/line3.png) no-repeat;
}
#logos {
width: 687px;
overflow: hidden;
margin: 0 -2px 0 0;
text-align: left;
list-style: none;
}
#logos li {
width: 214px;
float: left;
margin: 0 15px 20px 0;
}
#logos li img {
border: 1px solid #C6C9C6;
}
#yellow{
height: 12px;
background: url(../../images/fenglei_img/yellow.png) repeat-x 0% 100%;
}
#bottom{
height: 40px;
padding: 0 0 0 8px;
text-align:center;
}
#bottom p{
line-height: 20px;
color: #8A8A8A;
font-weight: bold;
font-size: 12px;
font-family: Arial, "宋体", sans-serif;
}
/*---------- 空白行 ---------*/
.blank1 {
clear: both;
font-size: 1px;
height: 1px;
overflow: hidden;
}
.blank4 {
clear: both;
font-size: 1px;
height: 4px;
overflow: hidden;
}
.blank8 {
clear: both;
font-size: 1px;
height: 8px;
overflow: hidden;
}